<template>
<!-- 商品详情页轮播图 -->
  <div class="product-detail-rotation">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(item,index) in imgs[1]" :key="index">
        <!-- 由于图片的地址不是一条数据需要做拼接 -->
        <img v-lazy="imgs[0] + item" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  props: ["imgs"]
};
</script>

<style lang="scss" scoped>
  .product-detail-rotation{
    width: 100%;
  }
 .my-swipe .van-swipe-item {
   width: 750px;
   height: 700px;
   margin-top: 88px;
  }
  img{
    width: 100%;
    height: 100%;
  }
</style>